@charset "utf-8";
@import "common/reset";


.mainContent{
    margin-top: 47px;
    padding-top: 40px;
    padding-bottom: 85px;
    .width-cus{
        .newshead{
            .title{
                padding-left: 15px;
                h1{
                    font-size: 30px;
                    color: #ff6b08;
                    margin-bottom: 40px;
                }
            }
            .content{
                .newsContent{
                    width: 100%;
                    border: 1px solid gainsboro;
                    border-radius: 10px;
                    overflow: hidden;
                    position: relative;
                    img{
                        width: 100%;
                        height: 180px;
                    }
                    p{
                        width: 100%;
                        height: 40px;
                        line-height: 40px;
                        text-align: center;
                        position: absolute;
                        bottom: 0;
                        z-index: 1;
                        font-size: 14px;
                        color: white;
                        background-color: rgba(0,0,0,0.55);
                    }
                }
            }
        }
        .news-one{
            margin-top: 90px;
            .newsleft{
                .newspic{
                    padding: 4px;
                    border: 1px solid #dddddd;
                    border-radius: 5px;
                    img{
                        width: 100%;
                        height: 127px;
                    }
                }
            }
            .newsright{
                a{
                    color: #666666;
                    font-size: 18px;
                    margin-bottom: 15px;
                    &:hover{
                        color: #ff6900;
                    }
                }
                p{
                    font-size: 14px;
                    &:nth-of-type(1){
                        margin-bottom: 22px;
                    }
                    &:nth-of-type(2){
                        margin-bottom: 14px;
                    }
                }
                button{
                    float: right;
                    width: 100px;
                    height: 30px;
                    border-radius: 15px;
                    color: #ff6900;
                    font-size: 14px;
                    border: 1px solid #FF6900;
                    background-color: white;
                    &:hover{
                        background-color: #FF6900;
                        color: white;
                    }
                }
            }
        }
        .fenye{
            border-top: 1px dashed #d4d4d4;
            margin-top: 70px;
            padding-top: 35px;
            nav{
                margin: 0 auto;
                ul{
                    li{
                        a{
                            color: #2a2a2a;
                            font-size: 12px;
                        }
                        .active{
                            background: #e34637!important;
                            color: white;
                        }
                    }
                }
            }
        }
    }
}

//移动端
@media only screen and (max-width:414px){
    .mainContent{
        .width-cus{
            .newshead{
                .title{
                    h1{
                        margin-bottom: 10px;
                    }
                }
                .content{
                    .newsContent{
                        img{
                            height: 70px;
                        }
                        p{
                            display: none;
                        }
                    }
                }
            }
            .news-one{
                margin-top: 20px;
                .newsleft{
                    .newspic{
                        img{
                            height: 65px;
                        }
                    }
                }
                .newsright{
                    a{
                        font-size: 14px;
                    }
                    p{
                        &:nth-of-type(2){
                            display: none;
                        }
                    }
                    button{
                        display: none;
                    }
                }
            }
            .fenye{
                nav{
                    ul{
                        li{
                            &:nth-of-type(1){
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }
}